/*布局*/
body{background:url(/uiFramework/commonResource/image/2023011409543815150.png) 0 top no-repeat;}
.body-wrap{width: 100%;max-width: 1920px;margin:0 auto;}
.body-wrap .left-information-wrap{float:left;width:25%;}
.left-information-wrap-border{border-right:1px solid #6b9bcb;}
.body-wrap .right-html-wrap{width:75%;float:right;background-color:#fff;}
.body-wrap .right-html-wrap .right-html-box-wrap{padding:0 2%;}
.left-bottom-list-wrap,.right-bottom-list-wrap{width:48.3%;}
.icon5{ display:none!important;}
.icon6{ display:none!important;}

.left-loop-wrap{width:66%;}
.right-news-wrap{width:32%;}

/*点击按钮改变布局*/
.body-wrap .left-information-wraps{ width:15%;float:left}
.niu{position:fixed;top: 180px;left: 23.3%;display:block;background: url(/uiFramework/commonResource/image/2022022515562768084.png) no-repeat;display: block;width:46px;height: 46px;background-size: 100% 100%!important;border-radius:50%;}
button{border: none;background-color: transparent;outline: none;}
.header-common{ display:none;}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
 
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}
 
.flash {
  -webkit-animation-name: flash;
  animation-name: flash
}
 
@-webkit-keyframes flash {
 
  0%,
  100%,
  50% {
    opacity: 1
  }
 
  25%,
  75% {
    opacity: 0.4
  }
}
 
@keyframes flash {
 
  0%,
  100%,
  50% {
    opacity: 1
  }
 
  25%,
  75% {
    opacity: 0.4
  }
}

.bubbly-button {
  font-family: 'Helvetica', 'Arial', sans-serif;
    display: inline-block;
    font-size: 1em;
    /* padding: 1em 2em; */
    /* margin-top: 100px; */
    /* margin-bottom: 60px; */
    -webkit-appearance: none;
    appearance: none;
    /* background-color: #005292; */
    /* color: #fff; */
    /* border-radius: 4px; */
    border: none;
    cursor: pointer;
    
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
    box-shadow: 0 2px 25px rgb(0 82 146 / 50%);
}
.bubbly-button:focus {
  outline: 0;
}
.bubbly-button:before, .bubbly-button:after {
  
  content: '';
  display: block;
  z-index: -1000;
  transition: all ease-in-out 0.5s;
  background-repeat: no-repeat;
}
.bubbly-button:before {
  display: none;
  
  background-image: radial-gradient(circle, #005292 20%, transparent 20%), radial-gradient(circle, transparent 20%, #005292 20%, transparent 30%), radial-gradient(circle, #005292 20%, transparent 20%), radial-gradient(circle, #005292 20%, transparent 20%), radial-gradient(circle, transparent 10%, #005292 15%, transparent 20%), radial-gradient(circle, #005292 20%, transparent 20%), radial-gradient(circle, #005292 20%, transparent 20%), radial-gradient(circle, #005292 20%, transparent 20%), radial-gradient(circle, #005292 20%, transparent 20%);
  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}
.bubbly-button:after {
  display: none;
  
  background-image: radial-gradient(circle, #005292 20%, transparent 20%), radial-gradient(circle, #005292 20%, transparent 20%), radial-gradient(circle, transparent 10%, #005292 15%, transparent 20%), radial-gradient(circle, #005292 20%, transparent 20%), radial-gradient(circle, #005292 20%, transparent 20%), radial-gradient(circle, #005292 20%, transparent 20%), radial-gradient(circle, #005292 20%, transparent 20%);
  background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}

.bubbly-button.animate:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards;
}
.bubbly-button.animate:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards;
}

@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}
@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}



@media only screen and (max-width: 1919px){
    .body-wrap{max-width: 1620px;}
    .left-loop-wrap{width:59%;}
    .right-news-wrap{width:39%;}
}

@media only screen and (max-width: 1490px){
    .left-loop-wrap{width:55%;}
    .right-news-wrap{width:43%;}
}
/*左侧 搜索框*/
.header-top-box {}
.header-search{padding: 10px 5%;}
.header-search .center-pic{display:block;margin: 40px auto 0;}
.header-search h1{text-align:center;font-size: 36px;color: #202020;padding-top: 10px;}
.header-search h1 span{font-size: 14px;color: #202020;display: block;font-weight:normal;margin-top: 10px;letter-spacing: 0;font-family: Arail;}
.header-search form{width: 100%;margin: 40px auto 0;border-radius: 5px;overflow: hidden;background-color: #fff;box-shadow: 0 0 8px #b7b7b7;}
.header-search form input{float: left;width: 70%;line-height: 45px;text-indent: 15px;}
.header-search form button{float: right;padding:0 25px;background-color: #0959a9;color:#fff;line-height: 45px;}
.header-search .search-words{margin:10px auto;color:#202020;font-size:14px;}
.header-search .search-words span{font-size:14px;margin-right:10px;cursor:pointer;}
.header-search .search-words span:hover{color:#0455a6;}

ul.left-tab-tit {width: 90%;overflow:hidden;background-color:#f9fafd;border-radius:5px;margin: 0 auto;box-shadow:0 0 10px #e2e2e2;margin-top: 10px;}
ul.left-tab-tit li{float:left;width: 50%;text-align:center;line-height:40px;font-weight:bold;cursor:pointer;}
ul.left-tab-tit li.active{background-color:#0455a6;color:#fff;}

/*左侧tab切换*/
.left-tab-cont{padding: 10px 4% 0;}
.banshi-icons{overflow:hidden;padding: 20px 0px 0;}
.banshi-icons li{float:left;width:33%;text-align:center;margin-bottom: 20px;}
.banshi-icons li img{margin: 0 auto 10px;display: block;}
.left-width{padding: 10px 5%;}

.remen-fuwu {overflow:hidden;padding-top:20px;}
.remen-fuwu li{width:48%;margin-top:10px;}
.remen-fuwu li img{display:block;width:100%;}

.yingyong-list {padding-top:20px;}
.yingyong-list .apps{overflow:hidden;position:relative;margin-bottom:20px;}
.yingyong-list .apps .left-img{position:absolute;height:100%;}
.yingyong-list .apps .left-img::after{content:'';display:block;border-right:1px dashed #ccc;position:absolute;left: 30px;height: 46%;bottom:0px;}
.yingyong-list .apps:nth-child(3) .left-img::after{display:none;}
.yingyong-list .apps .right-functions{float:right;width:75%;padding-top:10px;}
.yingyong-list .apps .right-functions h3{font-size:18px;}
.yingyong-list .apps .right-functions h3 span{font-weight:normal;display:block;font-size:14px;color:#c3c8ce;margin-top:5px;}
.yingyong-list .apps .right-functions p{line-height:26px;}
.yingyong-list .apps .right-functions p a{margin-right:10px;}
.yingyong-list .apps .right-functions p a.more{float: right;color:#105d99;}

/*左侧链接*/
.home-links-box{background: url(/uiFramework/commonResource/image/2023011410034027535.jpg) bottom center no-repeat;padding: 30px 5% 40px;}
.home-web-links{position: relative;}
.home-web-links{background-color: #fff;border-radius: 5px;}
.home-web-links .home-links{width: 100%;position:relative;border-bottom: 1px solid #e6eef6;}
.home-web-links .home-links.end{border-bottom:none;}
.home-web-links .home-links span{display:block;line-height:42px;cursor:pointer;text-align: center;position: relative;}
.home-web-links .home-links span b{border: 7px solid transparent;border-top: 7px solid #005292;position:absolute;top:45%;right:8%;}
.home-web-links .home-links a{text-align: center;line-height: 36px;display:block;width: 90%;margin: 0 auto;border-bottom: 1px dashed #e6e6e6;}
.home-web-links .home-links ul{position:absolute;left: 1%;bottom: 43px;background-color: #fff;width: 98%;border-radius: 4px;box-shadow: 0 0 7px #dedede;display:none;padding-bottom:20px;}

/*顶部信息*/
.home-header-topinfo{line-height: 40px;overflow: hidden;}
.home-header-topinfo .weather{color: #0455a6;font-size: 14px;padding-top: 14px;}
.home-header-topinfo .header-links a{color: #0455a6;font-size: 14px;}
.home-header-topinfo .header-links span{padding: 0 7px;color: #0455a6;}
.home-header-topinfo .header-links img{vertical-align: middle;margin-right: 7px;}

/*顶部导航*/
#zlight-nav{z-index:9999;}
.home-header-nav{background-color:#005292;border-radius: 3px;width: 100%;}
.home-header-nav ul{padding: 0 30px;}
.home-header-nav li{float:left;width: 12%;position:relative;text-align: center;}
.home-header-nav li img{display:none;position:absolute;left: 50%;margin-left: -63px;z-index: 0;top: -5px;}
.home-header-nav li:hover img,.home-header-nav li.active img{display:block;}
.home-header-nav li:hover a,.home-header-nav li.active a{text-shadow:1px 2px 3px #000;}
.home-header-nav i{float:left;color:#fff;line-height: 38px;}
.home-header-nav li a{color:#fff;font-size:18px;line-height: 38px;position: relative;z-index: 1;padding: 20px;}


/*顶部头条新闻*/
.headline{ text-align:center; margin:15px 0 0;}
.headline a{color:#0959a9;font-size:30px;margin: 29px 0 10px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.headlist{text-align:center;margin-bottom: 30px;}
.headlist li{display: inline;font-size: 18px;color:#808c9b;line-height:32px;}
.headlist li a{color:#808c9b;font-size:18px;}
.headlist i{margin:0 10px;color:#808c9b;}
.headlist i.i4{display:none;}

/*图片轮播*/
.list-loop {position:relative;height:458px;}
.list-loop .swiper-container{height:100%;}
.list-loop .swiper-slide{position:relative;height:100%;}
.list-loop .swiper-slide img{display:block;width:100%;height:100%;/* object-fit:cover; */}
.list-loop .swiper-slide span{display:block;position:absolute;bottom:0;left:0;line-height:40px;color:#fff;background:rgba(0,0,0,.4);width: 100%;}
.list-loop .swiper-slide span b{float:left;width:12px;height:12px;background-color:#fff;border-radius:12px;margin: 15px 15px 0;}
.list-loop .pagination{position:absolute;right:10px;bottom:10px;z-index: 1;}
.list-loop .pagination span{display:inline-block;width: 12px;height: 12px;border-radius:50%;background-color:#afafab;margin:0 4px;}
.list-loop .pagination span.swiper-active-switch{background-color:#fff;}

/*页面顶部tab样式*/
.list-tab-tit{overflow:hidden;background-color: #f9fafd;line-height:40px;}
.list-tab-tit li{float:left;cursor:pointer;}
.list-tab-tit li b{padding: -1px 16px;font-size:20px;font-weight:normal;}
.list-tab-tit li b a{padding: 0 10px;font-size:20px;font-weight:normal;  /* display:block; */}
.list-tab-tit  i{color:#bbc2cb;font-style:normal;font-weight:lighter; float:left;}
.list-tab-tit li.active {background-color:#005292; color:#fff;}
.list-tab-tit li.active b a{color:#fff;}
.list-tab-tit li.active i a{color:#005292;}

.list-tab-cont .list li{border-bottom: 1px dotted #e4ebfb;padding-left: 8px;line-height: 36px;padding-right: 0;}
.list-tab-cont .list li:hover{border-bottom:1px dotted #005292;}
.list-tab-cont .list li a{max-width: 65%;}
.list-tab-cont .list li.li7{border-bottom:none;}


/*页面底部左侧tab样式*/
.list-tab-tit1{overflow:hidden;background-color: #f9fafd;line-height:40px;}
.list-tab-tit1 li{float:left;cursor:pointer;}
.list-tab-tit1 li b{padding: -1px 16px;font-size:20px;font-weight:normal;}
.list-tab-tit1 li b a{padding: 0 10px;font-size:20px;font-weight:normal;  /* display:block; */}
.list-tab-tit1  i{color:#bbc2cb;font-style:normal;font-weight:lighter; float:left;}
.list-tab-tit1 li.active {/* background-color:#005292; */color: #000;border-bottom: 3px solid #005292;}
.list-tab-tit1 li.active b a{color: #000;}
.list-tab-tit1 li.active i a{color:#005292;}

.list-tab-cont1 .list li{border-bottom: 1px dotted #e4ebfb;padding-left: 8px;line-height: 36px;padding-right: 0;}
.list-tab-cont1 .list li:hover{border-bottom:1px dotted #005292;}
.list-tab-cont1 .list li a{max-width: 66%;}
.list-tab-cont1 .list li.li7{border-bottom:none;}

/*列表下四个小图标*/
.top-columns{padding-top: 5px;overflow: hidden;}
.top-columns li{margin-bottom:20px;float:left;width: 49%;}
.top-columns li a{overflow:hidden;display:block;background-color: #f9fafd;border-radius: 100px;overflow: hidden;}
.top-columns li .icon{float: left;/*height: 56px;*/margin-right: 10px; width:33%;}
.top-columns li strong{float: left;padding-left: 0px;font-size: 18px;padding-top: 6px;width: 60%;}
.top-columns li strong i{display: block;color: #e4e8f3;font-size: 10px;font-weight:normal;font-style:normal;margin-top:5px;font-family: arail;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;letter-spacing: -1px;width: 100%;}
.top-columns li .arrow{float: right;margin-top:22px;margin-right: 20px;}
.top-columns li.fr{float:right;}

/*政府信息公开*/
.xxgk-column {text-align:justify;margin:25px 0 30px;}
.xxgk-column li{display:inline-block;width: 19%;}
.xxgk-column li img{display:block;width:100%;object-fit:cover;}
.xxgk-column li.end{width:100%;}

/*栏目标题*/
.home-column-tit{padding-top:10px;overflow: hidden;}
.home-column-tit span{font-size: 24px;color: #202020;float: left;margin-right: 10px;}
.home-column-tit p{border-bottom: 1px solid #f9fafd;line-height: 31px;}
.home-column-tit p i{float:left;color: #e4e8f3;font-weight: normal;font-style: normal;line-height: normal;}
.home-column-tit p i b{display:block;width: 40px;height:3px;background-color:#005292;margin-top: 6px;}
.home-column-tit a{float:right;color: #808c9b;font-weight: normal;}
.home-column-tit a:hover{color:#005292;}

/*政务访谈*/
.fangtan {background-color:#f9fafd;overflow:hidden;margin: 20px 0 0;padding-right:10px;}
.fangtan img{float:left;width:259px;margin-right:20px;height: 120px;object-fit: cover;}
.fangtan .fangtan-box{padding-top:10px;line-height:26px;}
.fangtan .fangtan-box h6 a,.fangtan .fangtan-box h6{font-weight:normal;}
.fangtan .fangtan-box span{display:block;}
.fangtan-wangqi{line-height:36px;font-size:18px;margin: 10px 0;}
.fangtan-ul{text-align: justify;overflow: hidden;}
.fangtan-ul li{display:inline-block;width: 31%;position:relative;}
.fangtan-ul .end{width:100%;}
.fangtan-ul li img{display:block;width:100%;height: 120px;object-fit: cover;}
.fangtan-ul li.active span{bottom:0;}
.fangtan-ul li span{position:absolute;bottom:-52px;display:block;width:100%;text-align:center;line-height:52px;color:#fff;background: linear-gradient(to bottom,transparent,rgb(255 255 255 / 60%));}

/*.footer-copyright {line-height:110px;background:url(/eportal/imageDir/tieling/2021/08/2021081415104893357.png) bottom center;padding-left:30px;height:80px;font-size:14px;}*/

.zf_alink{ margin-top:5px;}
.zf_alink ul li{float:left;display:block;width: 42%;text-align: center;margin: 0 0 0 1%;padding: 0 0 0 7%;height: 31px;line-height: 30px;border-radius: 3px;/* border-radius: 3px; *//* background: #fff; */}
.zf_al01{background: #f9f9f9 url(/uiFramework/commonResource/image/2021102715380040535.jpg)  left no-repeat;}
.zf_al02{
 background: #f9f9f9 url(/uiFramework/commonResource/image/2021102115404857333.jpg)  left no-repeat;
 }

/*专题*/
.zt-loog {padding:20px 30px 0;position:relative;overflow: hidden;clear: both;}
.zt-loog .arrow-left,.zt-loog .arrow-right{display:block;height:90px;position:absolute;top:20px;line-height:90px;background-color: #e5e8ee;font-family:simhei;width:30px;text-align:center;z-index: 9;}
.zt-loog .arrow-left:hover,.zt-loog .arrow-right:hover{background-color:#1d76cf;color:#fff;}
.zt-loog .arrow-left{left:0;}
.zt-loog .arrow-right{right:0;}
.zt-loog .zt-container{width:100%;}
.zt-loog .swiper-slide img{display:block;height:90px;width: 96%;margin: 0 auto;object-fit: cover;}
.tit_type {	margin-bottom: 30px;}
.tit_type span {	display: inline-block;	font-size: 24px;	color: #0959a9;	border-bottom: 3px solid #0959a9;	padding-bottom: 5px;}
.tit_type a {    float: right;    font-size: 14px;    color: #0959a9;    margin-top: 10px;    font-weight: normal;}






@media only screen and (max-width: 1620px){
    .header-search h1 span{font-size:12px;}
    .header-search h1{font-size:30px;}
    .header-search form input{width:66%;}

}

@media only screen and (max-width: 1490px){
    body, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input, textarea{font-size:14px;}
    .yingyong-list .apps .right-functions{width:72%;}
    .yingyong-list .apps .right-functions p a{display: none;}
    .left-width .home-column-tit p{width:60%;font-size:12px;}
    .home-header-nav li a{font-size:14px;}
    .header-search h1 span{font-size:12px;}
    .header-search h1{font-size:26px;}
    .header-search form input{width:59%;}
    
    /*页面顶部tab样式*/
    .list-tab-tit li b{font-size:16px;}
    /*列表下四个小图标*/
    .top-columns li strong{font-size: 16px;width: 100px;}
    .home-column-tit span{font-size:18px;}
    /*顶部头条新闻*/
    .headline a{font-size:20px;margin: 15px 0 0px;}
    .headlist{margin-bottom: 10px;}
    .headlist li{font-size: 14px;line-height:26px;}
    .headlist li a{font-size:14px;}
    .list li{line-height: 36px;}
    .list-loop{height:458px;}
}

@media only screen and (max-width: 768px){
    /*布局*/
    .index_left{ display:none;padding-bottom: 0px;
    margin-bottom: 0px;}
    .body-wrap{max-width: auto}
    .body-wrap .left-information-wrap{float:none;width:100%;}
    .left-information-wrap-border{border-right:none;}
    .body-wrap .right-html-wrap{width:100%;float:none;}
    .left-bottom-list-wrap,.right-bottom-list-wrap{width:100%;}

    .left-loop-wrap{width:100%;float:none;margin-bottom:20px;}
    .right-news-wrap{width:100%;float:none;}

    /*首页左侧隐藏功能*/
    ul.left-tab-tit,.left-width,.home-links-box,.banshi-icons,.home-header-topinfo{display:none;}
    .body-wrap .right-html-wrap{background:none;}

    .header-common{ display:block;}
    .header-nav{ display:none;}
    .header-logo p a { font-size: 30px;}
    .header-search form {  margin: 10px auto 0; }

    /*顶部导航*/
    .home-header-nav{padding:10px 0;}
    .home-header-nav ul{padding:0 10px;}
    .home-header-nav li{padding: 0;width:25%;}
    .home-header-nav li img{display:none !important;}
    .home-header-nav i{display:none;}
    .home-header-nav li a{display:block;font-size:16px;text-align:center;line-height:32px;padding: 0px;}
    .home-header-nav li.active a{background-color:#fff;color:#0b3b8c;text-shadow:none;border-radius:4px}

    /*顶部头条新闻*/
    .headline a{font-size:16px;margin: 10px 0 8px;white-space:normal;line-height:28px;}
    .headlist{display:none;}
    .list-loop {height:260px;}

    /*页面顶部tab样式*/
    .list-tab-tit{line-height:32px;}
    .list-tab-tit li b{padding:0 7px;font-size:14px;}
    .list-tab-cont .list li a{max-width: 71%;}

    .list-loop .swiper-slide span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

    /*栏目标题*/
    .home-column-tit{border-bottom:1px solid #e2e2e2;}
    .home-column-tit span{font-size: 16px;margin-right: 0;border-bottom: 2px solid #005292;line-height: 32px;}
    .home-column-tit p{border-bottom:none;}
    .home-column-tit p *{display:none;}
    .home-column-tit p a{display:block;}

    /*政府信息公开*/
    .xxgk-column {margin:15px 0;}
    .xxgk-column li{width:47%;margin-bottom:10px;}

    /*政务访谈*/
    .fangtan {margin: 15px 0 0;padding-right:0px;}
    .fangtan img{float:none;width:100%;margin-right:0px;height: auto;}
    .fangtan .fangtan-box{padding:10px 10px 15px;}
    .fangtan-wangqi{font-size:16px;}
    .fangtan-ul li{width: 48%;margin-bottom:15px;}

    .footer-common {  background: #ebf1f8 !important;position: relative;top: 20px;}
    .footer-info { background-color: #7895ab3d!important; overflow: hidden;line-height: 44px;height: 44px;}
    .footer-copyright {line-height: 28px;padding: 14px 15px;height:auto;background-repeat:repeat-x;text-align: center;background-size: contain;}
    .middle_btn{ display:none;}
    .big_nav{ display:none!important;}
    .icon5{ display:block!important;}
    .icon6{ display:block!important;}
}